<template>
  <div>
    <div class="index">
      <div class="top inner clearFix">
        <div class="logo fl clearFix">
          <img src="../assets/images/logo.png" alt="">
          <p>什邡市镇街“三化”自助服务系统</p>
        </div>
        <div class="shadow"></div>
      </div>
      <div class="location">
        <div class="locationInner clearFix fl">
          <router-link to="/">首页</router-link><i></i><router-link to="/zwfw">政务服务</router-link><i></i><router-link to="/wyc">我要查</router-link>
        </div>
        <Back></Back>
      </div>
      <ul class="xtInner fwInner clearFix">
        <li class="color8">
          <router-link to="/bszn">
            <img src="../assets/images/icon_14.png" alt="">
            <p>办事指南</p>
          </router-link>
        </li>
        <li class="color9">
          <router-link to="/bsjd">
            <img src="../assets/images/icon_15.png" alt="">
            <p>办事进度</p>
          </router-link>
        </li>
        <li class="color6">
          <router-link to="/zcfg">
            <img src="../assets/images/icon_16.png" alt="">
            <p>政策法规</p>
          </router-link>
        </li>
        <li class="color5">
          <router-link to="/rzsx">
            <img src="../assets/images/icon_17.png" alt="">
            <p>入驻事项</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import Back from "./Back.vue";
Vue.component("Back", Back);
export default {
  name: "Wyc",
  data(){
    return{}
  },
}
</script>

<style scoped>
.fwInner{padding-top: 128px;width: 1570px}
.xtInner li{margin-left: 90px;background-size: 72%;}
.xtInner li a{width: 325px;height: 147px;padding-top: 178px;display: block}
.xtInner li img{top: 96px;}
</style>
